.login_wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
.login_wrapper:before, .login_wrapper:after {
  content: '';
  position: fixed;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -2;
}
.login_wrapper:before {
  width: 394px;
  height: 468px;
  background-image: url(https://assets.gitee.com/assets/sessions/bg-left-eac79b22c70862cee1638879ef602263.png);
  left: 0;
}
.login_wrapper:after {
  width: 487px;
  height: 412px;
  background-image: url(https://assets.gitee.com/assets/sessions/bg-right-caca01aa8ad12c549e9d8774e4fa406f.png);
  right: 0;
}
.login_container {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}
.login_body {
  display: flex;
  box-shadow: 0px 20px 80px 0px rgb(0 0 0 / 30%);
  background-image: url('../assets/logo.svg');
}
.login_body_sidebox, .login_body_form {
  width: 50%;
}
.login_body_sidebox {
  color: #fff;
  position: relative;
  padding: 80px 80px 48px;
  background: linear-gradient(0deg, #3a485a 0%, #607089 100%);
}
.login_body_sidebox::before, .login_body_sidebox::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.login_body_sidebox::before {
  background: url(https://assets.gitee.com/assets/sessions/left-1-e6bd442….png) no-repeat 0 0;
}
.login_body_sidebox::after {
  background: url(https://assets.gitee.com/assets/sessions/left-2-4f76bf7….png) no-repeat right bottom;
}